<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本资料</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../component/pear/css/pear.css" media="all">
    <link rel="stylesheet" href="../../admin/css/system/person.css" media="all">
</head>
<body class="pear-container">
<div class="layui-row layui-col-space10">
    <div class="layui-col-md3">
        <div class="layui-card">
            <div class="layui-card-header">
                个人信息
            </div>
            <div class="layui-card-body" style="padding: 25px;">
                <div class="text-center layui-text">
                    <div class="user-info-head" id="userInfoHead">
                        <img id="userAvatar" width="115px" height="115px" alt="">
                    </div>
                    <h2 style="padding-top: 20px;font-size: 20px;" id="cardUserName"></h2>
                </div>
            </div>
            <div style="border-top: 1px whitesmoke solid;text-align: center;line-height: 45px;font-size: 13.5px;padding-bottom: 20px;">
                <ul class="list">
                    <li class="list-item"><span class="title">用户邮箱</span><span class="footer" id="cardEmail"></span>
                    </li>
                    <li class="list-item"><span class="title">手机号码</span><span class="footer" id="cardPhone"></span>
                    </li>
                    <li class="list-item"><span class="title">创建日期</span><span class="footer"
                                                                               id="cardCreateTime"></span></li>
                </ul>
            </div>
        </div>
    </div>
    <form class="layui-form" action="" lay-filter="form">
        <div class="layui-col-md9">
            <div class="layui-card">
                <div class="layui-card-header">
                    基本资料
                </div>
                <div class="layui-card-body" style="padding: 25px;">
                    <div class="layui-row" style="margin-top: 15px;">
                        <div class="layui-col-xs12">
                            <div class="layui-form-item">
                                <label class="layui-form-label layui-input-required">登录账号：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="loginAccount" disabled id="loginAccount"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <div class="layui-form-item">
                                <label class="layui-form-label layui-input-required">用户昵称：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="userName" required lay-verify="required|userName"
                                           placeholder="请输入用户昵称"
                                           autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <div class="layui-form-item">
                                <label class="layui-form-label layui-input-required">用户邮箱：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="email" required lay-verify="required|email"
                                           placeholder="请输入用户邮箱"
                                           autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <div class="layui-form-item">
                                <label class="layui-form-label layui-input-required">手机号码：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="phone" required lay-verify="required|phone"
                                           placeholder="请输入手机号码"
                                           autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <div class="layui-form-item">
                                <label class="layui-form-label layui-input-required">性别：</label>
                                <div class="layui-input-block" id="genderDiv">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs10 layui-col-xs-offset2">
                            <div class="layui-form-item">
                                <button type="submit" class="pear-btn pear-btn-primary" lay-submit=""
                                        lay-filter="personForm">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script src="../../component/jquery/jquery.min.js"></script>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script src="../../admin/js/common/common.js"></script>
<script src="../../admin/js/system/person.js"></script>
</body>
</html>